import React from 'react'

interface IProps {
  priceObj: {
    title: string,
    typeName: string,
    price: number
  }
}

const Price = (props: IProps) => {
  const { priceObj } = props
  return <div className="absolute bottom-0 left-5 bottom-3 text-left">
    <p className="font-bold xs:text-xl md:text-xl lg:text-2xl mb-1">{priceObj.title}</p>
    <p className="text-xs font-medium  mb-1">{priceObj.typeName}</p>
    <p className="font-bold">
      <span className="text-[12px]">￥</span>
      <span className="xs:text-xl md:text-xl lg:text-2xl">{priceObj.price}</span></p>
  </div>
}

export default Price;